<template>
  <div class="g-video-medium">
    <!-- 视屏部分 -->
    <div id="g-video-medium-video">
      <div id="medium-video"></div>
    </div>
    <!-- 标题个人部分 -->
    <div></div>
  </div>
</template>

<script>
export default {
data() {
    return {
      url: 'http://dlhls.cdn.zhanqi.tv/zqlive/22578_yKdJM.m3u8',
      ckplayer: null,
    };
},
mounted() {
  // 挂载完成后进行
  // var videoObject = {
  //   container: '#g-video-medium-video', //容器的ID或className
  //   plug: 'hls.js',
  //   // live: true,
  //   video: this.url
  // }
  // this.ckplayer = new window.ckplayer(videoObject)
},
methods: {
    
},
};
</script>

<style lang="scss" scoped>
.g-video-medium{
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  height: 260px;
  background-color: pink;
  margin: 5px 10px 0 0;
  border-radius: 5%;
  .g-video-medium-video {
    width: 100%;
  }
}

</style>